// 引入公共样式
require("../../assets/css/communal.less");

// 引入字体图标
require("../../assets/fonts/fitness-fonts/iconfont.css");

const axios = require("../../util/axios.js");
// 引入工具js
const dom = require("../../util/dom.js");

// 引入尾部导航栏样式
require("../../assets/css/common-css/tabber.less");

// 引入头部导航样式
require("../../assets/css/common-css/navbar.less");

// 引入当前页样式
require("./sports_cycling.less");

// 当前页js
document.addEventListener("DOMContentLoaded", function () {
	// 顶部导航栏
	dom.navbar("sports_cycling");
	// 底部导航栏
	dom.tabber("sports_course");

	// 获取个人数据渲染之页面
	axios.get("/api/user/info").then((res) => {
		if (res.data.errno === 0) {
			dom.$("#distance").textContent = res.data.data.meter;
		}
	});

	// 倒计时跳转至运动中页面
	let n = 3;
	dom.$(".go").addEventListener("click", function () {
		let timer = null;
		timer = setInterval(function () {
			dom.$("#count").textContent = n;
			n--;
			if (n <= 0) {
				clearInterval(timer);
				location.href = "sports_sportring.html";
			}
		}, 1000);
	});
});
